<template>
	<view>
		<view class="wave">
			<image src="/static/mendian/applying.png" mode="" class="loading-image"></image>
		</view>
	<!-- 	<view id="loader8">
			<text class="loading-text">loading</text>
		</view> -->
		<view style="padding-top: 90rpx;">
			<view class="u-text-center u-font-32 u-m-b-30">
				已有提交签约申请   等待销售商审核
			</view>
			<view class="u-flex u-row-center">
				<view class="look-details" style="">
					查看详情
				</view>
			</view>
			
		</view>
	</view>
	
</template>

<script>
</script>

<style lang="scss">
	.look-details{
		box-sizing: border-box;
		padding: 20rpx 42rpx ;
		border: 1px solid #FFBB1A;
		color: #FFBB1A;
		border-radius: 50rpx;
	}
	.wave{
	  width:100%;
	  height: 600rpx;
	  overflow: hidden;
	  --c: #ffbb1a;
	  --w1: radial-gradient(62% 14% at bottom ,#0000 100%,var(--c) 100.5%) no-repeat;
	  --w2: radial-gradient(142% 97% at top, var(--c) 100%,#0000 100.5%) no-repeat;
	  background: var(--w1),var(--w2),var(--w1),var(--w2);
	  background-position-x: -200%, -100%, 0%, 100%;
	  background-position-y: 100%;
	  background-size: 50.5% 100%;
	  animation: m 1.5s infinite linear;
	}
	@keyframes m {
	  0%  {background-position-x:-200%, -100%, 0%, 100%}
	  100%{background-position-x:  0%, 100%, 200%, 300%}
	}
	.loading-image{
		width: 260rpx;
		height: 260rpx;
		border-radius: 50%;
		margin: 120rpx auto;
		display: block;
		// -webkit-animation: load8 1.1s infinite linear;
		// animation: load8 1.1s infinite linear;     
	}
	#loader8 {     
		display: block;
	  margin: 120rpx auto;     
	   text-indent: -9999em; 
	  font-size: 24rpx;     
	  position: relative;     
	  border-top: 1.1em solid rgba(235, 235, 235, 0.3);     
	  border-right: 1.1em solid rgba(235, 235, 235, 0.3);     
	  border-bottom: 1.1em solid rgba(235, 235, 235, 0.3);     
	  border-left: 1.1em solid rgba(255, 235, 235, 1); 
	 /* border-image: linear-gradient(to right, #ff0000, #0000ff) 1; */
	  -webkit-animation: load8 1.1s infinite linear;     
	  animation: load8 1.1s infinite linear;     
	  .loading-text{
		  position: absolute;
	  }
	}     
	#loader8,     
	#loader8:after {     
	  border-radius: 50%;     
	  width: 10em;     
	  height: 10em;     
	}     
	@-webkit-keyframes load8 {     
	  0% {     
	    -webkit-transform: rotate(0deg);     
	    transform: rotate(0deg);     
	  }     
	  100% {     
	    -webkit-transform: rotate(360deg);     
	    transform: rotate(360deg);     
	  }     
	}     
	@keyframes load8 {     
	  0% {     
	    -webkit-transform: rotate(0deg);     
	    transform: rotate(0deg);     
	  }     
	  100% {     
	    -webkit-transform: rotate(360deg);     
	    transform: rotate(360deg);     
	  }     
	}   
</style>